﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style>
        * {
            margin: 0 auto;
        }

        #header {
            Width: 1360px;
            height: 40px;
        }

        #body {
            Width: 1360px;
            height: 470px;
            border-bottom: dashed 1px #808080;
        }

        #footer {
            Width: 1360px;
            height: 90px;
            background: brown;
        }

        #header ul {
            list-style: none;
            float: left;
            Width: 1360px;
            height: 40px;
            padding: 0;
            border-top: solid 2px #DAA520;
            border-bottom: solid 2px #DAA520;
            background-color: brown;
        }

            #header ul li {
                float: left;
                text-align: center;
                font: 16px/2.5 "microsoft yahei";
                padding-left: 130px;
                width: 100px;
                height: 40px;
            }

                #header ul li a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

                    #header ul li a:hover {
                        display: block;
                        color: #FFFFFF;
                        background: #DC143C;
                    }

        .but {
            border-radius: 5px;
            border: solid #0094ff 1px;
            width: 60px;
            height: 25px;
        }
    </style>
</head>
<body>
    <div>
        <div id="header">
            <ul>
                <li>
                    <img src="~/images/20180207175417.jpg" style="width:85px;height:40px; " />
                </li>
                <li><a href="#">首页</a></li>
                <li><a href="#">产品</a></li>
                <li><a href="#"> 关于我们</a></li>
                <li style="padding-left:150px;"> <input class="but" type="button" value="登录" style="color:#0094ff;" /></li>
                <li style="padding:0;"> <input class="but" type="button" value="注册" style="background-color:#0094ff; color:white" /></li>

            </ul>

        </div>
        <div id="body">
            <img src="~/images/faceu_20171014110851.jpg" style="width:1360px;height:465px;" />
        </div>
        <div id="footer">蒙奇奇 — 管账、管货、管生意！</div>
    </div>
</body>
</html>
